<template>
	<view class="cu-card card-panel text-black" @click="cardrouter">
		<view class="cu-item flex-direction shadow bg-img" style="background-image: url('https://ossweb-img.qq.com/images/lol/web201310/skin/big10007.jpg');height: 300upx;">
				<view class="bg-shadeTop flex flex-direction justify-between padding">
					<view>
						<view class="text-lg text-bold margin-bottom">时效 · 全能卡</view>
						<view>支持场馆：金穗路全球建面</view>
						<view>支持课程：场馆所有课程</view>
					</view>
					<button class="cu-btn lines-white">{{status?'生效中':'已过期'}}</button>
				</view>
		</view>
	</view>
	</view>
</template>

<script>
	export default {
		name: 'vip-card',
		props: ["status", "allShadow"],
		data() {
			return {
				
			};
		},
		methods: {
			cardrouter() {
				uni.navigateTo({
					url: "/pages/card/index"
				})
			}
		}
	}
</script>

<style lang="scss">
.card-panel {
	.cu-item{
		display: flex;
	}
	.bg-shadeTop{
		height: 100%;
	}
	.cu-btn{
		width: 200upx;
	}
}
</style>
